/* CSS Document */

/* jQuery treeTable stylesheet
 *
 * This file contains styles that are used to display the tree table. Each tree
 * table is assigned the +treeTable+ class.
 * ========================================================================= */

/* jquery.treeTable.collapsible
 * ------------------------------------------------------------------------- */
body
{
background-color:#d0e4fe;
}
/* table
{
	border-collapse: collapse;
	margin-bottom: .3em;
	
	line-height: 1.1;
}*/
tr:hover, td.start:hover, td.end:hover
{
	background: #FF9;
}
tr,td{
    padding: .3em .5em;
}


.treeTable tr td .expander {
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 5px;
  zoom: 1; /* IE7 Hack */
}

.treeTable tr.collapsed td .expander {
  background-image: url(../images/toggle-expand-dark.png);
}

.treeTable tr.expanded td .expander {
  background-image: url(../images/toggle-collapse-dark.png);
}

/* jquery.treeTable.sortable
 * ------------------------------------------------------------------------- */
.treeTable tr.selected, .treeTable tr.accept {
  background-color: #FFFFCC;
  color: #fff;
}

.treeTable tr.collapsed.selected td .expander, .treeTable tr.collapsed.accept td .expander {
  background-image: url(../images/toggle-expand-light.png);
}

.treeTable tr.expanded.selected td .expander, .treeTable tr.expanded.accept td .expander {
  background-image: url(../images/toggle-collapse-light.png);
  background-color: yellow;
}

.treeTable .ui-draggable-dragging {
  color: #000;
  z-index: 1;
}


/* Layout helper taken from jQuery UI. This way I don't have to require the
 * full jQuery UI CSS to be loaded. */
.ui-helper-hidden { display: none; }



